<!-- <div style="display: flex;position: fixed;left: 0; bottom: 0px; width: 100%;height:50px ;background-color: rgb(150, 224, 227);line-height: 50px;">
  <div  routerLink="/intelligent-shopping/home"   style="flex:1;text-align: center;">首页</div>
  <div  routerLink="/intelligent-shopping/category"  style="flex:1;text-align: center;">分类</div>
  <div  routerLink="/intelligent-shopping/shoppingcart" style="flex:1;text-align: center;">购物车</div>
  <div  routerLink="/intelligent-shopping/my" style="flex:1;text-align: center;">我的</div>
</div> -->
<ion-tabs  style="pointer-events: none;">
  <ion-tab-bar style="pointer-events: all;">
    <ion-tab-button routerLink="/intelligent-shopping/home">
      <ion-icon name="home-outline"></ion-icon>
      首页
    </ion-tab-button>
    <ion-tab-button routerLink="/intelligent-shopping/category">
      <ion-icon name="copy-outline"></ion-icon>
      分类
    </ion-tab-button>
    <ion-tab-button routerLink="/intelligent-shopping/shoppingcart" >
      <ion-icon name="cart-outline"></ion-icon>
      购物车
    </ion-tab-button>
    <ion-tab-button routerLink="/intelligent-shopping/my">
      <ion-icon name="person-outline"></ion-icon>
      我的
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>

<div style="height:calc(100vh - 50px);overflow-y: scroll;">
  <router-outlet></router-outlet>
</div>